<template>
  <div>
    <div class="my-page">
      <div class="my_haeder">
        <span  @click="fun()">&lt;</span>
        <b>我的</b>
      </div>
      <div class="tab">
        <div class="tab_name">
          已中奖
          <div class="tab-item"></div>
        </div>
        <div class="tab_name1">
          全部
          <div class="tab-item1"></div>
        </div>
      </div>
    </div>
    <div class="nothing-page">
      <div class="tu">
        <img src="../../../public/img/17.png" />
        <p>你还没有参加任何活动哦～</p>
      </div>
      <div class="nothing-btn">
          <div class="nothing-btn2">
              立即参加活动
          </div>
          
      </div>
    </div>
    <Bt></Bt>
  </div>
</template>

<script>
import Bt from "../../components/xQ/bottom2.vue"
export default {
    components:{Bt},
     methods:{
      fun() {
      this.$router.push('/useCenter')
    }
},
};
</script>

<style scoped>
.my-page {
  width: 100%;
  height: 2.5rem;
}
.my_haeder {
  width: 100%;
  height: 1.2rem;
  display: flex;
  padding: 0 0.4rem;
  box-sizing: border-box;
}
.my_haeder span {
  font-size: 0.52rem;
  display: block;
  line-height: 1.2rem;
  margin-right: 40%;
}
.my_haeder b {
  font-size: 0.32rem;
  font-weight: normal;
  display: block;
  line-height: 1.2rem;
}
.tab {
  display: flex;
  justify-content: space-evenly;
}
.tab_name,
.tab_name1 {
  font-size: 0.3rem;
  width: 1rem;
  height: 1rem;
  text-align: center;
  padding-top: 0.3rem;
  box-sizing: border-box;
}
.tab-item,
.tab-item1 {
  width: 0.4rem;
  height: 0.1rem;
  margin: 0.17rem auto;
  background: #fa665b;
  border-radius: 0.08rem;
}
.nothing-page {
  width: 100%;
  height: 10.8rem;
}
.tu {
  width: 100%;
  height: 5.4rem;
  background: rgb(247, 247,247);
}
.tu img {
  width: 2.4rem;
  height: 2.2rem;
  margin: auto;
  display: block;
  padding-top: 2.5rem;
}
.tu p {
    text-align: center;
    font-size: 0.28rem;
    color: #999;
}
.nothing-btn{
    width: 100%;
    height: 5.4rem;
    background: rgb(247, 247,247);
}
.nothing-btn2{
    width: 4rem;
    margin: auto;
    padding: 0.3rem 0;
    color: #fff;
    background: #FA665B;
    border-radius: 1.25rem;
    font-size: 0.3rem;
    text-align: center;
}
</style>
